JavaScript地理位置信息API的详细内容

来源:网络整理作者:fen 发布时间:2020-12-25 21:05

对于一个Web开发程序员来说，开发工作中一个最有意思的方面就是获取地理位置信息；试想一下，浏览你的网页的用...

对于一个Web开发程序员来说，开发工作中一个最有意思的方面就是获取地理位置信息；试想一下，浏览你的网页的用户是在什么地方？程序员可以根据用户的地理位置信息来调整网站的语言、特定产品介绍等。下面我们将要演示的就是通过浏览器里JavaScript地理位置信息API来获取详细地理信息！

检查你的浏览器是否支持地理位置信息API

目前主流的浏览器都已经对JavaScript地理位置信息API有了较好的支持。但如果你还不放心，那么，确认地理位置信息API支持情况最好的方式是浏览器的功能特征测试。

if("geolocation" in navigator) {

//w00t!

}

else {

alert("很不幸！你的浏览器并不支持Geolocation API功能");

}

对于判断浏览器是否支持地理位置API，最主要的就是看看navigator.geolocation这个对象，使用in，而不是简单的使用if(navigator.geolocation)，这一点非常重要，因为后者有可能会因此初始化地理位置信息对象，从而占用/锁定了设备资源。

查询地理位置信息

这个navigator.geolocation.getCurrentPosition方法是获取详细位置信息最关键的一个接口：

if("geolocation" in navigator) {

navigator.geolocation.getCurrentPosition(function(position) {

console.log(position);

});

}

一旦你调用了这个方法(如果请求成功，它会执行你在参数里提供的回调方法)，浏览器会询问用户是否允许程序获取他们的地理位置信息：

当用户运行网页获取他们的位置信息后，浏览器就可以开始读取地理信息，它会返回给你一个位置信息对象，对象的结构基本是这样的：

// "Position" object

{

coords: { "Coordinates" object

accuracy: 65,

altitude: 294.4074401855469,

altitudeAccuracy: 10,

heading: -1,

latitude: 43.01256284360166,

longitude: -89.44531987692744,

speed: -1

timestamp: 1429722992094269

}

如果你觉得这些地理位置信息(地理经纬度坐标)还不够充足，还想要这些地理坐标属于哪个国家、城市，则你需要再调用其它的第三方数据库——这里我们就不细述了。

这个地理位置信息API在很多移动应用里是最常见的API运用，作为Web程序员，它应该是你必须具备的一项知识技巧。幸运的是，目前所有流行的浏览器都支持了这种技术。祝编程快乐！

以上就是学习JavaScript地理位置信息API的详细内容，更多请关注网站的其它相关文章！

JavaScript地理位置信息API的详细内容 (https://www.wpmee.com/) javascript教程第1张

相关热词：

本站内容来源于网络，如有侵权请与我们联系，我们会及时删除，我们深感抱歉！
注：本站所有信息仅供用于网络技术学习参考,学习中请遵循相关法律法规！

本文地址: https://v30.fanwenzhu.com/jz/wp/9050.shtml

几个优化WordPress中JavaScript加载	JavaScript实现手写 forEach算法
JavaScript实现放大镜效果代码示	JavaScript console是怎么使用的？
JavaScript ES6 Class类实现原理详解	JS实现前端动态分页码代码实例
闭包有哪些应用场景	Vue中mounted和created的区别（图文
JS中行内style怎么写？	JS定时器如何实现提交成功提示
基于ajax及jQurey实现局部刷新过	js call用法的详细内容
JS中splice()方法是什么？	js获取扫码枪输入数据的方法
聊聊JavaScript人脸识别技术的详	javascript调试之console.table()的详